﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>万维网络工作室</title>
    <!-- Stylesheets -->
    <link type="text/css" href="css/bootstrap.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic,500italic,500,300italic,300'
        rel='stylesheet' type='text/css'>
    <link type="text/css" href="icons/font-awesome/css/font-awesome.css" rel="stylesheet">
    <link type="text/css" href="icons/rondo/style.css" rel="stylesheet">
    <link href="css/jquery.fancybox.css" rel="stylesheet" type="text/css" />
    <link type="text/css" href="css/owl.carousel.css" rel="stylesheet">
    <link type="text/css" href="css/owl.transitions.css" rel="stylesheet">
    <link type="text/css" href="css/style.css" rel="stylesheet">
    <style type="text/css">
    	.IMG img:hover{
  	-webkit-transform: scale(2);
  	  transform: scale(2);

    	}
    </style>
</head>
<body >
    <header class="header" id="jump">
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                        <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span><span
                            class="icon-bar"></span><span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#" style="margin-left:-50%;color: white;">
                    <i class="fa fa-dribbble fa-2x"></i>&nbsp;&nbsp;万维网络工作室
                    </a>
                </div>
                <div class="collapse navbar-collapse hidden-xs">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="active"><a href="#jump0">主页</a></li>
                        <li><a href="#jump1">服务中心</a></li>
                        <li><a href="#jump2">关于我们</a></li>
                        <li><a href="#jump3">项目案例</a></li>
                        <li><a href="#jump4">团队介绍</a></li>
                        <li><a href="#jump5">联系我们</a></li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
                <div class="collapse navbar-responsive-collapse">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#jump0" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                            主页</a></li>
                        <li><a href="#jump1" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                            服务内容</a></li>
                        <li><a href="#jump2" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                            项目案例</a></li>
                        <!-- <li><a href="#jump3" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                            Pricing</a></li> -->
                        <li><a href="#jump4" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                            团队介绍</a></li>
                        <!-- <li><a href="#jump5" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                            Clients</a></li> -->
                        <li><a href="#jump6" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                            联系我们</a></li>
                    </ul>
                </div>
                <!-- /.navbar-responsive-collapse -->
            </div>
        </nav>
    </header>
    <div class="jumper" id="jump0">
    </div>
    
    
    <section id="hero">
				<div id="owl-main" class="owl-carousel height-lg owl-inner-nav owl-ui-lg">
					
					<div class="item" style="background-image: url(img/header/slider02.jpg);">
						<div class="container">
							<div class="caption vertical-center text-center">
								
								<h1 class="fadeInDown-1 light-color">ERP管理系统 / 一对一建站</h1>
<!--								<p class="fadeInDown-2 medium-color">企业官网建设/创意网站建设/电子商务网站</p>
-->								<!-- <div class="fadeInDown-3">
									<a href="#" class="btn btn-outline btn-lg">创建</a>
								</div> --><!-- /.fadeIn -->
								
							</div><!-- /.caption -->
						</div><!-- /.container -->
					</div><!-- /.item -->
					
					<div class="item" style="background-image: url(img/header/slider01.jpg);">
						<div class="container">
							<div class="caption vertical-center text-center">
								
								<h1 class="fadeInDown-1 light-color">物联网解决方案</h1>
<!--								<p class="fadeInDown-2 medium-color">微信网站/响应式网站/手机网站</p>
-->								<!-- <div class="fadeInLeft-3">
									<a href="#" class="txt-btn">创建</a>
								</div> --><!-- /.fadeIn -->
								
							</div><!-- /.caption -->
						</div><!-- /.container -->
					</div><!-- /.item -->
					
					<div class="item" style="background-image: url(img/header/slider03.jpg);">
						<div class="container">
							<div class="caption vertical-center text-center">
								
								<h1 class="fadeInDown-1 light-color">微信二次开发／小程序</h1>
<!--								<p class="fadeInDown-2 light-color">微官网/微信自定义菜单、微信吸粉</p>
-->								<!-- <div class="fadeInLeft-3">
									<a href="#" class="btn btn-large">创建</a>
								</div> --><!-- /.fadeIn -->
								
							</div><!-- /.caption --> 
						</div><!-- /.container -->
					</div><!-- /.item -->
					
				</div><!-- /.owl-carousel -->
			</section>
    
    
    <div id="jump1" class="jumper">
    </div>
    <div class="section type-3">
        <div class="container">
            <div class="section-headlines">
                <h4>服务中心</h4>
                <div class="module-line"></div>
                <div class="section-intro">
                    万维网络工作室全力为中小型企业提供ERP管理系统开发、物联网解决方案、微信二次开发／小程序以及一对一建站。
                </div>
            </div>
            <div class="row">

				<div class="col-sm-3">

					<div class="iconbox">
						<div class="iconbox-icon">
							<span class="fa fa-trophy"></span>
						</div>
						<div class="iconbox-text">
							<h3 class="iconbox-title">ERP管理系统开发</h3>
							<div class="iconbox-desc">
							万维ERP系统定制平台,量身定制,可视化开发ERP,快速高效建立您的企业ERP管理系统,开放的系统架构能全面整合ERP中各种业务流程,是您ERP管理系统定制的首选							</div>
						</div>
					</div>

				</div>

				<div class="col-sm-3">

					<div class="iconbox">
						<div class="iconbox-icon">
							<span class="fa fa-bug"></span>
						</div>
						<div class="iconbox-text">
							<h3 class="iconbox-title">物联网解决方案</h3>
							<div class="iconbox-desc">
							将设备装置等连接起来，以便进行数据采集，设备管理，以及创造崭新商业价值的智能分析。能快速且高效地整合所有装置与系统，使其在一个可靠的平台上共同运作。
							</div>
						</div>
					</div>

				</div>

				<div class="col-sm-3">

					<div class="iconbox">
						<div class="iconbox-icon">
							<span class="fa fa-paint-brush"></span>
						</div>
						<div class="iconbox-text">
							<h3 class="iconbox-title">微信二次开发／小程序</h3>
							<div class="iconbox-desc">
  							微信以及小程序的出现，帮助了不少个人和企业创造了巨大价值。微信营销，微信生意风生水起，在移动互联网席卷的浪潮之下，微信给传统企业带来了潜移默化的影响。						
							</div>
						</div>
					</div>

				</div>

				<div class="col-sm-3">

					<div class="iconbox">
						<div class="iconbox-icon">
							<span class="fa fa-rocket"></span>
						</div>
						<div class="iconbox-text">
							<h3 class="iconbox-title">一对一建站</h3>
							<div class="iconbox-desc">
							一个企业网站代表了企业的门面形象，可以将企业信息更广泛的传播，可以帮助企业实现电子商务功能 ，可以给企业带来更多的客户，更可以提升企业的形象。
							</div>
						</div>
					</div>

				</div>

			</div>
            
           
            
        </div>
    </div>
    
    <div id="jump2" class="jumper">
    </div>
    
    <div class="sectionB0" id="about">
    
    <div class="container">
		<div class="section-headlines">
                <h4>关于我们</h4>
                <div class="module-line"></div>
                <div class="section-intro">
                    万维工作室成立于2016年，拥有经验丰富的产品设计师，前端开发工程师与后端开发工程师。<br/>
                    我们以优质的质量，全力提供网站建设、手机网站开发以及微信公众号、小程序等服务，致力于带来多元高效便捷的服务。
                </div>
            </div>
     </div>
	<div class="row margin-0 position-relative">

			<div class="col-xs-12 col-md-6 side-image">
				<img src="img/room.jpg" />
			</div>

			<div class="col-xs-12 col-md-6 col-md-offset-6 side-image-text">

				<div class="row">

					<div class="col-sm-12">

						<div class="module-header">
							<h2 class="module-title">服务提供</h2>
							<div class="module-subtitle">
								我们竭诚为您提供以下服务，为您带来更好的用户体验：
							</div>
							<div class="module-line"></div>
						</div>

					</div>

				</div><!-- .row -->

				<div class="row">

					<div class="col-sm-6">

						<div class="iconboxleft">
							<div class="iconboxleft-icon">
								<span class="fa fa-newspaper-o"></span>
							</div>
							<div class="iconboxleft-text">
								<h3 class="iconboxleft-title">产品效果设计</h3>
								<div class="iconboxleft-desc">
									我们将为您提供优质精美的产品方案，展示产品效果，给您带来美观舒适的视觉体验。
								</div>
							</div>
						</div>

					</div>

					<div class="col-sm-6">
						<div class="iconboxleft">
							<div class="iconboxleft-icon">
								<span class="fa fa-plug"></span>
							</div>
							<div class="iconboxleft-text">
								<h3 class="iconboxleft-title">产品开发</h3>
								<div class="iconboxleft-desc">
									我们将用最高的效率，为您提供最优质的产品。
								</div>
							</div>
						</div>

					</div>

				</div><!-- .row -->

				<div class="row">

					<div class="col-sm-6">

						<div class="iconboxleft">
							<div class="iconboxleft-icon">
								<span class="fa fa-language"></span>
							</div>
							<div class="iconboxleft-text">
								<h3 class="iconboxleft-title">用户体验改进</h3>
								<div class="iconboxleft-desc">
									产品开发完成后，根据用户体验感受，我们可有针对地进行修改。
								</div>
							</div>
						</div>

					</div>

					<div class="col-sm-6">

						<div class="iconboxleft wow fadeInUp animated" data-wow-delay=".2s" style="visibility: visible; -webkit-animation: fadeInUp 0.2s;">
							<div class="iconboxleft-icon">
								<span class="fa fa-code"></span>
							</div>
							<div class="iconboxleft-text">
								<h3 class="iconboxleft-title">后期开发维护</h3>
								<div class="iconboxleft-desc">
									产品交付使用后，我们可提供后期开发维护的服务。
								</div>
							</div>
						</div>

					</div>

				</div><!-- .row -->

			</div><!-- col-xs-12 -->

		</div><!-- .row -->
        
	</div>
    
    
    
    <div id="jump3" class="jumper">
    </div>
    <div class="section type-1" style="padding-bottom: 0">
        <div class="container">
            <div class="section-headlines">
                <h4>项目案例</h4>
                <div class="module-line"></div>
                <div class="section-intro">
                    多终端一体化创新设计解决方案响应式自适应设计。
                </div>
            </div>
            <div class="gallery-control">
                <div data-toggle="buttons">
                    <label class="btn btn-outline slim filter active" data-filter="ERP Wulian Weixin WEB">
                        <input type="radio" name="options" id="option1">
                        所有项目
                    </label>
                    <label class="btn btn-outline slim filter" data-filter="ERP">
                        <input type="radio" name="options" id="option2">
                        ERP管理系统
                    </label>
                    <label class="btn btn-outline slim filter" data-filter="Wulian">
                        <input type="radio" name="options" id="option3">
                        物联网解决方案
                    </label>
                    <label class="btn btn-outline  slim filter" data-filter="Weixin">
                        <input type="radio" name="options" id="option3">
                        微信二次开发／小程序
                    </label>
                    <label class="btn btn-outline  slim filter" data-filter="WEB">
                        <input type="radio" name="options" id="option4">
                        一对一建站
                    </label>
                </div>
            </div>
        </div>
        <div class="mixitup">
            <ul id="portfolio" class="unstyled">
                <li class="mix ERP">
                    <div>
                        <div class="media-thumb">
                            <img src="img/project-1.png" height="221.23">
                            <div class="media-desc">
                                <div>
                                    <p>
                                        <b>衡居房产管理系统</b></p>
                                    <div>
                                        为方便管理房产公司内部人员以及资金流动而开发的管理系统
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="mix ERP">
                    <div>
                        <div class="media-thumb">
                            <img src="img/project-2.png" height="221.23">
                            <div class="media-desc">
                                <div>
                                    <p>
                                        <b>摇一摇教学管理系统</b></p>
                                    <div>
                                        使用“摇一摇辅助教学系统”，助力教师、管理者实现课堂纪律维护、教学情况分析、作业管理、成绩采集、一键发布公告等智能化管理，达到提高教学管理水平、提高教学质量的目的。做到数据共享、管理加强、效率提高
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="mix Wulian">
                    <div>
                        <div class="media-thumb">
                            <img src="img/project-3.png" height="221.23">
                            <div class="media-desc">
                                <div>
                                    <p>
                                        <b>物联网解决方案</b></p>
                                    <div>
										物联网（IOT，Internet of Things），又称“传感网”，即把所有物品通过射频识别等信息传感设备与互联网连接  起来，实现智能化识别和管理；是继计算机、互联网与移动通信网之后的又一次信息产业浪潮，是一个全新的技术领域。                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="mix Weixin">
                    <div>
                        <div class="media-thumb">
                            <img src="img/project-4.jpeg" height="221.23">
                            <div class="media-desc">
                                <div>
                                    <p>
                                        <b>荣悦房产微信公众号</b></p>
                                    <div>
                                    通过微信营销来吸引更多的粉丝，让客户全方位了解房产信息，从而有利于企业未来的发展。</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>  
            </ul>
        </div>
        <!--end:.mixitup-->
    </div>
    <div id="jump4" class="jumper">
    </div>
    <div class="section type-1" id="team">
        <div class="container">
            <div class="section-headlines">
                <h4>
                    团队主要成员介绍</h4>
                <div class="module-line"></div>
                <div class="section-intro">
                   团队核心/技术担当
                </div>
            </div>
            
            
            <div class="row">
            	<div class="col-lg-12">
                <div id="team-carousel" class="carousel slide" data-ride="carousel" data-interval="9999999">

                <!-- Indicators -->
                <ol class="carousel-indicators">
                  <li data-target="#team-carousel" data-slide-to="0" class="active"></li>
                  <li data-target="#team-carousel" data-slide-to="1" class=""></li>
                  <li data-target="#team-carousel" data-slide-to="2" class=""></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner">
                  <!-- Item 1 -->
                  <div class="item active">
                    <div class="cover-container">
                      <div class="team-member-icon">
                        <div class="person-avatar">
                            <img src="img/engineer04.jpg" class="avatar size-default img-circle">
                        </div>
                      </div>
                      <h2 class="team-member-title ">
                        姜巡
                      </h2>
                      <h4>
                        后台开发工程师
                      </h4>
                      <p class="team-member-summary g-line-height-lg">
                        参与多个项目的开发，项目涉及范围广，解决问题能力强，经验丰富。
                      </p>
                      
                    </div>
                  </div>
                  <!-- Item 2 -->
                  <div class="item">
                    <div class="cover-container">
                      <div class="team-member-icon">
                        <div class="person-avatar">
                            <img src="img/engineer05.jpg" class="avatar size-default img-circle">
                        </div>
                      </div>
                      <h2 class="team-member-title ">
                        朱珈谊
                      </h2>
                      <h4>
                        前端开发工程师
                      </h4>
                      <p class="team-member-summary g-line-height-lg">
                        参与多个微信、企业管理系统的开发，对前端开发设计经验丰富。
                      </p>
                      
                    </div>
                  </div>
                  <!-- Item 3 -->
                  <div class="item">
                    <div class="cover-container">
                      <div class="team-member-icon">
                        <div class="person-avatar">
                            <img src="img/engineer04.jpg" class="avatar size-default img-circle">
                        </div>
                      </div>
                      <h2 class="team-member-title ">
                        陈瑞军
                      </h2>
                      <h4 >
                        前端开发工程师
                      </h4>
                      <p class="team-member-summary g-line-height-lg">
                        参与多个项目(微信、ERP管理系统、建站)的开发，解决问题能力强，经验丰富。
                      </p>
                      
                    </div>
                  </div>
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#team-carousel" role="button" data-slide="prev">
                  <span class="fa fa-chevron-left"></span>
                </a>
                <a class="right carousel-control" href="#team-carousel" role="button" data-slide="next">
                  <span class="fa fa-chevron-right"></span>
                </a>
              </div>
              
              </div>
            </div>
             
            
        </div>
        <!--end:.container-->
    </div>
    
    <div id="jump5" class="jumper">
    </div>
    <div class="section type-1 section-contact">
        <div class="container">
            <div class="section-headlines">
                <h4>
                    联系我们</h2>
                    <div class="module-line"></div>
            </div>
            <form>
            <div class="row">
                <div class="col-lg-4">
                    <address>
                        <div class="address-row">
                            <div class="social-network">
										<ul class="social">
											<li style="font-size:1.1em"><i class="fa fa-users"></i>&nbsp;&nbsp;&nbsp;&nbsp;万维科技工作室</li>
                                            <hr>
                                            <li style="font-size:1.1em"><i class="fa fa-phone-square"></i>&nbsp;&nbsp;&nbsp;&nbsp;电话／微信：18020222166</li>
                                            <hr>
											<li style="font-size:1.1em"><i class="fa fa-user"></i>&nbsp;&nbsp;&nbsp;&nbsp;QQ：842929707</li>
											<hr>
                                            <li style="font-size:1.1em"><i class="fa fa-desktop"></i>&nbsp;&nbsp;&nbsp;&nbsp;网址：www.gole.site</li>
                                            <hr>
											<li style="font-size:1.1em"><i class="fa fa-map-marker"></i>&nbsp;&nbsp;&nbsp;&nbsp;地址：湖山路同济科技广场</li>
										</ul><!-- /.social -->
							</div>
                        </div>
                    </address>
                    <div class="visible-xs visible-sm">
                        <br class="gap-30" />
                        <hr class="gap-divider" />
                        <br class="gap-30" />
                    </div>
                </div>
                <div class="col-lg-7 col-lg-offset-1">
                    <form role="form" method="post" action="#" id="contact_form">
                    <div class="form-group">
                        <div class="row">
                            <div class="col-lg-6">
                                <input type="text" class="form-control" id="name" name="name" placeholder="姓 名 *【必填】"><br
                                    class="gap-15" />
                            </div>
                            <div class="col-lg-6">
                                <input type="text" class="form-control" id="phone" name="phone" placeholder="电 话 *【必填】"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="row">
                            <div class="col-lg-6">
                                <input type="text" class="form-control" id="QQ" name="QQ" placeholder="Q Q "><br
                                    class="gap-15" />
                            </div>
                            <div class="col-lg-6">
                                <input type="text" class="form-control" id="email" name="email" placeholder="邮 箱 "></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <textarea class="form-control" id="message" name="message" rows="8" placeholder="留 言 *【不少于2个字】" style="resize:none"></textarea>
                    </div>
                    <button id="button-send" class="btn btn-block btn-success">
                        提&nbsp;&nbsp;&nbsp;&nbsp;交
                    </button>
                    <div id="success">
                        发送成功！</div>
                    <div id="error"></div>
                    </form>
                </div>
            </div>
            </form>
        </div>
    </div>
    
    <div class="section section-half type-3 above-footer">
    <div class="container">
				<div class="row">
					<div class="col-md-6 col-sm-6">
						<h2>WanweiTeam</h2>
<!--						<a href="javascript:"><img class="logo img-intext" src="img/logo.png" alt=""></a>
-->						<p class="MT20">
						成为地球卓越的Web团队
						</p>
						<p class="MT20">
						Copyright © 2015-2018 www.gole.site 万维网络工作室 技术支持：万维网络

						</p>
					</div>
					<div class="col-md-3 col-sm-6">
						<h4>友情链接</h4>
						<p><a href="http://www.w3school.com.cn/">w3school</a></p>
						<p><a href="http://www.css88.com/">WEB前端开发</a></p>
						<p><a href="http://www.runoob.com/">菜鸟教程</a></p>
						<p><a href="https://h5.baidu.com/">百度H5</a></p>

					</div>
					
					<div class="col-md-3 col-sm-6 IMG">
						<div style="float: left;">
						<h4>微信号</h4>
						<img src="img/weixin.jpg" width="120" height="120"/>
						</div>
						<div style="float: left;margin-left: 7%;">
						<h4>QQ号</h4>
						<img src="img/QQ.jpg" width="120" height="120"/>
						</div>
					</div>
				</div>
			</div>
        </div>  
    <!--Scripts-->
    <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/owl.carousel.min.js"></script>
    <script type="text/javascript" src="js/jquery.smooth-scroll.min.js"></script>
    <script type="text/javascript" src="js/jquery.mixitup.min.js"></script>
    <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="js/modernizr.js" type="text/javascript"></script>
    <script src="js/jquery.fancybox.pack.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/custom.js"></script>
</body>
</html>
